<%-- 
    Document   : index
    Created on : 06-feb-2014, 11:10:31
    Author     : Juan
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
    <head>
        <%@include file="../disenoWeb/title.html" %>
        <meta charset="utf-8">
        <%@include file="../disenoWeb/head.html" %>
        <script src="js/formulario.js" type="text/javascript"></script>

    </head>
    <body id="page5">
        <div class="extra">
            <!--==============================header=================================-->
            <header>
                <%@include file="../disenoWeb/divHeader.jsp" %>
                <div class="menu-row">
                    <div class="menu-bg">
                        <div class="main">
                            <nav class="indent-left">
                                <ul class="menu wrapper">
                                    <%@include file="menuContact.html" %>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
                <div class="row-bot">
                    <div class="center-shadow">
                    </div>
                </div>
            </header>

            <!--==============================content================================-->
            <section id="content"><div class="ic">More Website Templates @ TemplateMonster.com. December10, 2011!</div>
                <div class="content-bg">
                    <div class="main">
                        <div class="container_12">
                            <div class="wrapper">
                                <article class="grid_8">
                                    <h3>Contact Form</h3>
                                    <form id="contact-form" action="recogidaContacto.jsp" method="post"> 


                                        <fieldset>
                                            <label for="author"><input name="author" value="Name" onBlur="if (this.value == '')
                                                        this.value = 'Name'" onFocus="if (this.value == 'Name')
                                                                    this.value = ''" required="true"/></label>
                                            <label for="email"><input name="from" type="email" value="Email" onBlur="if (this.value == '')
                                                        this.value = 'Email'" onFocus="if (this.value == 'Email')
                                                                    this.value = ''" required="true"/></label>
                                            <label for="author"><input name="asunto" value="Subject" onBlur="if (this.value == '')
                                                        this.value = 'Subject'" onFocus="if (this.value == 'Subject')
                                                                    this.value = ''" required="true"/></label>
                                            <textarea name="description" onBlur="if (this.value == '')
                                                        this.value = 'Message'" onFocus="if (this.value == 'Message')
                                                                    this.value = ''" cols="40" rows="15" size=100>Message</textarea>
                                            <div class="buttons">
                                                <button name="reset" type="reset">Clear</button>
                                                <button name="submit" type="submit">Send</button>
                                            </div>											
                                        </fieldset>  						
                                    </form>
                                </article>    
                                <article class="grid_4">
                                    <h3>Contact Info</h3>
                                    <figure class="img-indent-bot img-border">
                                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6342.836890422972!2d-5.938708400000009!3d37.35627460000003!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd126fadb45fcc31%3A0xb097317907ff9db9!2sUniversidad+Pablo+de+Olavide%2C+de+Sevilla!5e0!3m2!1ses!2ses!4v1391819963817" width="400" height="300" frameborder="0" style="border:0"></iframe>
                                    </figure>
                                    <dl>
                                        <dt class="indent-bot">ESP<br>Carretera Utrera, km. 1<br>41013 Sevilla</dt>                                        

                                    </dl>
                                </article>                        
                            </div>
                        </div>
                    </div>
                    <div class="block"></div>
                </div>
            </section>
        </div>

        <!--==============================footer=================================-->
        <footer>
            <%@include file="../disenoWeb/footer.html" %>
        </footer>
        <%String error = (String) session.getAttribute("sent");
            if (error != null) {
        %><script>alert("Message sent");</script><%
                                        session.removeAttribute("sent");

                                    }%>
        <script type="text/javascript"> Cufon.now();</script>
    </body>
</html>
